<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
request.setAttribute("path", basePath);  
%>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta http-equiv="pragma" content="no-cache" />  
    <meta http-equiv="cache-control" content="no-cache" />  
    <meta http-equiv="expires" content="0" />  
    <link type="text/css" href="<%=path %>/common/jquery/easyui/css/default/easyui.css"  rel="stylesheet" charset='UTF-8'>  
    <link type="text/css" href="<%=path %>/common/jquery/easyui/css/icon.css" rel="stylesheet" charset='UTF-8'>  
    <script type="text/javascript">  
       var basePath="<%=path %>";  
    </script>  
    <script language="javascript" src="<%=path %>/common/jquery/core/jquery-1.11.1.js"></script>  
    <script language="javascript" src="<%=path %>/common/jquery/easyui/js/jquery.easyui.min.js"></script>  
    <script language="javascript" src="<%=path %>/js/userList.js"></script>  
</head>
<body>
<h2>Custom Pagination Buttons</h2>
	<p>The customized buttons can be appended to page bar.</p>
	<div style="margin:20px 0;"></div>
	<div class="easyui-panel">
		<div class="easyui-pagination" data-options="total:114,buttons:buttons"></div>
	</div>
	<script>
		var buttons = [{
			iconCls:'icon-add',
			handler:function(){
				alert('add');
			}
		},{
			iconCls:'icon-cut',
			handler:function(){
				alert('cut');
			}
		},{
			iconCls:'icon-save',
			handler:function(){
				alert('save');
			}
		}];
	</script>

</body>
</html>